<template lang="html">
  <div class="major-box">
    <div class="conter" v-for="(item,index) in majorlist" :key="index">
         <p class="text">1.{{ item.question }}</p>
        <ul>
          <li>A:{{ item.a}}</li>
          <li>B:{{ item.b}}</li>
          <li>C:{{ item.c}}</li>
          <li>D:{{ item.d}}</li>
        </ul>
      </div>
  </div>
</template>

<script>
export default {
  name:"Major",
  data(){
    return{
      majorlist:[
        {
          id: "1",
          question: "驾驶机动车在道路上违反道路交通安全法的行为，属于什么行为？",
          a: "违章行为",
          b: "违法行为",
          c: "过失行为",
          d: "违规行为",
          ta: "2",
          Type: "2"
        },
        {
          id: "1",
          question: "驾驶机动车在道路上违反道路交通安全法的行为，属于什么行为？",
          a: "违章行为",
          b: "违法行为",
          c: "过失行为",
          d: "违规行为",
          ta: "2",
          Type: "2"
        },
      ]
    }
  }
}
</script>

<style lang="less" scoped>
.conter{
  width: 100%;
  font-size: 0.36rem;
  padding-left: 0.5rem;
  box-sizing:border-box;
  margin-bottom: 0.5rem;
  float: left;
  p{
    font-size: 0.3rem;
  }
  ul{
    width: 100%;
    border-bottom: 1px solid #EBEBEB;
    font-size: 0.3rem;
    margin-top: 0.5rem;
    li{
      padding: 0.1rem 0;
      letter-spacing: 0.02rem;
      float: left;
      margin-left: 1rem;
      margin-top: 0.2rem;
    }
  }
}
</style>
